<template>
  <el-container>
    <mine-aside></mine-aside>
    <el-container direction="vertical">
      <mine-header></mine-header>
      <mine-main></mine-main>
      <mine-footer></mine-footer>
    </el-container>
  </el-container>
</template>

<script>

import MineAside from "@/components/mine-aside";
import MineHeader from "@/components/mine-header";
import MineFooter from "@/components/mine-footer";
import MineMain from "@/components/mine-main";


export default {
  name: 'App',
  components: {MineFooter, MineHeader, MineAside, MineMain}
}
</script>

<style>
body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
</style>
